/*
 * Stuff common to most entity types
 */

div.tabs {
    border-bottom: solid 1px @light-border;
    padding-top: 1em;

    ul {
        overflow: hidden;
        padding: 0;
        margin: 0;
        list-style-type: none;
        list-style-image: none;
        width: 100%;
        position: relative;
        top: 1px;

        li {
            float: left;

            a {
                display: block;
                padding: .25em .55em;
                margin-right: 2px;
                text-decoration: none;
                color: @text-black;
                border: solid 1px @light-border;
                border-radius: 4px 4px 0 0;
                &:hover {
                    border-color: @musicbrainz-purple;
                }
            }
            &.sel a {
                &,
                &:hover,
                &:focus {
                    color: @text-white;
                    font-weight: bold;
                    background-color: @musicbrainz-orange;
                    border-color: @musicbrainz-orange;
                    border-bottom-color: transparent;
                    cursor: default;
                }
            }
            &.disabled a {
                &,
                &:hover,
                &:focus {
                    color: @text-black;
                    background-color: @very-light-grey;
                    border-color: @very-light-grey;
                    border-bottom-color: transparent;
                    cursor: default;
                    pointer-events: none;
                }
            }


        }
    }
}

span.comment, span.historical {
    font-weight: normal;
    color: @dark-text;

    h1 & {
        font-size: @medium-text;
    }
}

span.cancelled {
    font-weight: normal;
    color: @negative-text;

    h1 & {
        font-size: @medium-text;
    }
}

p.subheader {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0.0em;
    font-size: @medium-text;

    span {
        color: @dark-text;
    }
}

.tagger-icon {
    img {
        border: 0;
    }

    .releaseheader &, .recordingheader & {
        margin-top: 1em;
        float: right;
    }
}

.annotation {
    margin-top: 1em;
}

.annotation-diff, .note-diff {
    margin: 1em 0;
}

.show-all, .show-less {
    padding: 0.75em 0;
    list-style: none;
}

div.entity-attributes-container p {
    margin: 0;
}

div.release-events-container {
    ul.release-events {
        &.abbreviated {
            min-width: 10em;

            li.release-event {
                display: table-row;

                .release-country {
                    box-sizing: border-box;
                    display: table-cell;
                    width: 4em;
                    /*
                     * Cancel 3px padding of the flag to keep country/date texts
                     * aligned with other columns.
                     */
                    padding-top: 0;
                }

                .release-date {
                    display: table-cell;
                    margin-left: 4em;
                }

                .release-country + .release-date {
                    margin-left: 0em;
                }
            }
        }
    }

}
